<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>比价搜索页面</title>
  <!-- 引入页面图标 -->
  <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon">
  <!-- 引入bootstrap样式文件 -->
  <link rel="stylesheet" href="../fonts/font-awesome-4.7.0/css/font-awesome.css">

  <link rel="stylesheet" href="../lib/bootstrap/bootstrap.css">
  <!-- 引入初始化样式 -->
  <link rel="stylesheet" href="../css/base.css">
  <!-- 引入iconfont图标库 -->
  <!-- 引入比较搜索页面css样式 -->
  <link rel="stylesheet" href="../css/brand2.css">

</head>

<body>
  <!-- header 头部 -->
  <header>
    <h1>
      <a href="../index.html">
        <img src="../images/header_logo.png" alt="">
      </a>
    </h1>
    <a href="javascript:void(0);">
      <img src="../images/header_app.png" alt="">
    </a>
  </header>

  <!-- 搜索 -->
  <section class="mmb_search">
    <form action="#">
      <i class="fa fa-search" aria-hidden="true"></i>
      <input class="search_ipt" type="search" placeholder="请输入你想比价的商品">
      <input class="search_submit" type="button" value="搜索">
    </form>
  </section>

  <!-- 分类菜单 -->
  <section id="mmb_product">
    <!-- <div class="break_bar">
            <ol class="breadcrumb">
                <li>
                    <a href="../">首页</a>
                </li>
                <li>
                    <a href="javascript:history.go(-1)">分类大全</a>
                </li>
                <li>
                    <a href="#">电视</a>
                </li>
            </ol>
            <a href="javascript:;">筛选</a>
        </div> -->

    <div class="product-title">
      <ol class="breadcrumb">
        <li>
          <a href="../">首页</a>
        </li>
        <li>
          <a href="javascript:history.go(-1)">分类大全</a>
        </li>
        <li><a href="">品牌大全</a></li>
      </ol>
      <!-- <a class="btn btn-default" href="">筛选</a> -->
    </div>

    <div class="product-list">
      <!-- 品牌 -->
      <div class="brand_content">
        <h4>平板电视哪个牌子好</h4>
        <ul>
          <!-- 品牌排行模板 brand_listTmp -->



        </ul>
      </div>
      <!--销量排行  -->
      <div class="brand_tv">
        <h4>平板电视产品销量排行</h4>
        <ul>
          <!-- 品牌排行模板 brand__tv_listTmp -->




        </ul>
      </div>
      <!--最新品牌产品评论  -->
      <div class="brand_comment">
        <h4>平板电视最新评论<</h4> <ul>
            <!-- 品牌评论模板 brand_comment_listTmp -->
            

            </ul>
      </div>
    </div>
    <!-- 分页 -->
    <!-- <div class="product-page clearfix">
            <input type="button" value="上一页" class="btn btn-default pull-left pre">
            <input type="button" value="下一页" class="btn btn-default pull-right nex">
            <div class="dropdown">
                <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">
                    第1页
                    <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                </ul>
            </div>
        </div> -->
  </section>


  <!-- 尾部部分 -->
  <footer id="footer">
    <div class="row">
      <div class="col-xs-4">
        <a href="">登录</a>
      </div>
      <div class="col-xs-4">
        <a href="">注册</a>
      </div>
      <div class="col-xs-4">
        <a href="">
          <i class="fa fa-arrow-up" aria-hidden="true"></i>
          返回顶部
        </a>
      </div>
    </div>
    <p>
      <a href="">手机app下载 </a>
      <a href="">慢慢买手机版 </a> -- 掌上比价平台</p>
    <p>m.manmanbuy.com </p>
  </footer>



</body>

</html>

<!-- 品牌排行art-template模板 -->
<script type="text/template" id="brand_listTmp">
  {{each result val key}}
<li>
<a href="productlist.html?categoryId={{val.categoryId}}">

    <div class="brand">
      <div class="pull-left">{{(val.brandId)%10+1}}</div>
      <p class="media-heading">{{val.brandName}}</p>
      <p class="media-content">{{val.brandInfo}}</p>
      <i class=" fa fa-chevron-right fa-lg"></i>
    </div>
  </a>
</li>
    {{/each}}
</script>
<!-- 品牌销量排行art-template模板 -->
<script type="text/template" id="brand_tv_listTmp">
  {{each result val key}}
<li>
  <div class="media">
<a class="media_left" href="bijia.html?productId={{val.productId}}">
      {{@ val.productImg}}
    </a>
    <div class="media_body">
      <a href="bijia.html?productId={{val.productId}}">
        <h5>{{val.productName}}</h5>
        <p>{{val.productPrice}}</p>
        <em>{{val.productQuote}}</em>
        <em>{{val.productCom}}</em>
      </a>
    </div>
  </div>
</li>
    {{/each}}
</script>
<!-- 品牌产品评论art-template模板 -->
<script type="text/template" id="brand_comment_listTmp">
  {{each result val key}}
<li>
  <a href="bijia.html?productId={{val.productId}}">
    <div class="com_pro">
      <div class="pic">
        <img src="http://pro.zuyushop.com:8015/ProPic/201510/Thumb/Thumb_201510001104382491.jpg" alt="乐视TV(Letv) 超3 X55 55英寸智能LED液晶 超级电视 4K超清电视"
          width="100" height="100">
      </div>
      <div class="tit">乐视TV(Letv) 超3 X55 55英寸智能LED液晶 超级电视 4K超清电视</div>
    </div>
    <div class="com_body">
      <div class="name">
        {{val.comName}}
        <span class="star">
          <em>★★★★★</em>
        </span>
        <i>{{val.comTime}}</i>
      </div>
      <div class="con">
        {{val.comContent}}
      </div>
    </div>
  </a>
</li>
    {{/each}}
</script>

<!-- 引入jquery文件 -->
<script src="../lib/jquery/jquery-1.12.2.js"></script>
<!-- 引入bootstrap文件 -->
<script src="../lib/bootstrap/bootstrap.js"></script>
<!-- 引入zepto文件 -->
<!-- <script src="../lib/zepto/dist/zepto.js"></script> -->
<!-- 引入art-template -->
<script src="../lib/art-template/template-web.js"></script>

<!-- 引入比价分类js文件 -->
<script src="../js/brand2.js"></script>
